<template>
    <nav class="navbar">
      <router-link to="/" class="nav-link">Home</router-link>
      <router-link to="/shangchuanpages" class="nav-link">CreatePage</router-link>
      <router-link to="/mypages" class="nav-link">MyPage</router-link>
      <router-link to="/Login" class="nav-link">Login</router-link>
      <router-link to="/setwallpaper" class="nav-link">setWallpaper</router-link>
    </nav>
  </template>
  
  <script>
  export default {
    // 可以在这里定义组件的逻辑
  }
  </script>
  
  <style>
  .navbar {
    background-color: #333;
    padding: 10px;
  }
  
  .nav-link {
    margin-right: 10px;
    color: #fff;
    text-decoration: none;
    
    padding: 5px 10px;
    border-radius: 3px;
  }
  
  .nav-link:hover {
    background-color: #555;
  }
  </style>